// 设置结束时间
var endtime = new Date('2019-09-20 20:00:00')
// 设置当前的时分秒
	var h = 0;
	var m = 0;
	var s = 0;
// 时间戳：
// 定义一个秒杀函数
	function seckill(){
		// 获取当前时间
		var nowtime = new Date();
		// 获取相差多少秒
		var disparity = endtime.getTime() - nowtime.getTime();
		// 相差的毫秒数
		// console.log(disparity);
		// 相差的秒数
		disparity = disparity / 1000;
		// console.log(disparity);
		// 取整
		disparity = parseInt(disparity);
		console.log(disparity);

		if (disparity >= 0){
			// 根据剩余的秒数，算出剩余的小时
			h = parseInt(disparity / 3600);
			// 根据剩余的秒数，算出剩余的分钟
			m = parseInt((disparity / 60) % 60);
			// 根据剩余的秒数，算出剩余的秒数
			s = parseInt(disparity % 60);

			// 利用两位数表示剩余的时间，如果小于10，就给前面加上一个0
			if(h < 10){
				h = '0' + h;
			}
				// h = h < 10 ? '0' + h : h;
			if(m < 10){
				m = '0' + m;
			}
			if(s < 10){
				s = '0' + s;
			}
		}else{
			console.log('秒杀结束，清除计时器');
			clearInterval(t);
		}
		// 将剩余的时分秒，添加到网页的指定位置
		document.querySelector('#h').innerHTML = h;
		document.querySelector('#m').innerHTML = m;
		document.querySelector('#s').innerHTML = s;
	}
	//预先执行一遍这个函数
	seckill();

	var t = setInterval(function(){
		// 每秒执行一次这个函数
		seckill();
    },1000);
    






//第几个json
var page = 1;

function loadXMLDoc()
{
	var xmlhttp;
	if (window.XMLHttpRequest)
	{
		//  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
		xmlhttp=new XMLHttpRequest();
	}
	else
	{
		// IE6, IE5 浏览器执行代码
		xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	}
	xmlhttp.onreadystatechange=function(){
		if (xmlhttp.readyState==4 && xmlhttp.status==200){
            var json = JSON.parse(xmlhttp.responseText);
            //console.log(json.shop);
            //对数组进行循环
            for(let i = 0;i<json.shop.length;i++){
                console.log(json.shop[i])
                //创建HTML结构
                var img = document.createElement('img');
                img.src = json.shop[i].pic;
                var h4 = document.createElement('h4');
				h4.innerHTML = json.shop[i].title;
                var p = document.createElement('p');
                p.innerHTML = json.shop[i].desc;
				var p2 = document.createElement('p');
				p2.innerHTML = "￥";
				var span = document.createElement('span');
				span.innerHTML = json.shop[i].price;
				p2.appendChild(span);                        
				var div  = document.createElement('div');
                div.appendChild(img);
				div.appendChild(h4);
                div.appendChild(p);
				div.appendChild(p2);


                console.log(div);
                //把所有的div追加到#list里面
                document.querySelector("#list").appendChild(div)
            }
        }
		
	}
	xmlhttp.open("GET", page + ".json",true);
	xmlhttp.send();
}

loadXMLDoc()

document.querySelector("#btn").addEventListener('click',function(){
    if(page >= 4){
        page = 1;
    }else{
        page++;
    }
    //先清空
    document.querySelector("#list").innerHTML = '';
    //在取数据放到#list里面
    loadXMLDoc();
})